<template>
  <view class="main">
    <view class="main-box">
      <view class="item" @click="navTo('/pages/newLogin/association')"
        >关联已有账号</view
      >
      <view class="item" @click="navTo('/pages/login/socialRegister/index')"
        >注册</view
      >
    </view>
  </view>
</template>
<script>
export default {
  layout: "newLogin",
  data() {
    return {};
  },
  methods: {
    navTo(path) {
      uni.navigateTo({
        url: path,
      });
    },
  },
};
</script>
<style lang="scss" scoped>
.main {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  &-box {
    width: 70%;
    display: flex;
    flex-direction: row;
    justify-self: center;
    align-items: center;
    .item {
      flex: 1;
      text-align: center;
      border: 1rpx solid #ccc;
      margin: 0 20rpx;
      height: 100rpx;
      line-height: 100rpx;
      border-radius: 10rpx;
    }
  }
}
</style>
